<?php
//$is_indo=lang()=="id";
/* @var $this SiteController */
$this->pageTitle = Yii::app()->name;
$this->menu = '';
cs()->registerCssFile(bu() . '/plugins/jcarousel/skin.css');
cs()->registerCssFile(bu() . '/plugins/jcarousel/jquery.css');
cs()->registerCssFile(bu() . '/plugins/nivo-slider/themes/default/default.css');
cs()->registerCssFile(bu() . '/plugins/nivo-slider/nivo-slider.css');
cs()->registerScriptFile(bu() . '/plugins/jcarousel/jquery.jcarousel.min.js', CClientScript::POS_BEGIN);
cs()->registerScriptFile(bu() . '/plugins/nivo-slider/jquery.nivo.slider.pack.js', CClientScript::POS_BEGIN);
$is_indo = lang() == "id";

?>

<script>
    $(document).ready(function () {
        jQuery('#mycarousel').jcarousel({
            scroll:1
        });
        jQuery('#mycarousel1').jcarousel({
            scroll:1
        });
        $('#slidex a').slimbox({loop:true, counterText:'Gambar {x} dari {y}'});
        $(".artikel").click(function () {
    
            $('.artikel img').attr('src', '<?=bu();?>/img/sf_artikel_terbaru_on.png')
            $('.berita img').attr('src', '<?=bu();?>/img/sf_berita_terbaru_off.png')     
            $('.artikel ').css({
                'position':'absolute',
                'top':'0px',
                'left':'180px',
                'z-index':'10'
            });
            $('.berita ').css({
                'position':'absolute',
                'top':'5px',
                'left':'30px',
                'z-index':'9'
            });
            $('#berita').hide();
            $('#artikel').show();           
        });
        $(".berita").click(function () {
            // alert('aa');
            $('.artikel img').attr('src', '<?=bu();?>/img/sf_artikel_terbaru_off.png')
            $('.berita img').attr('src', '<?=bu();?>/img/sf_berita_terbaru_on.png')
            $('.artikel ').css({
                'position':'absolute',
                'top':'5px',
                'left':'30px',
                'z-index':'9'
            });
            $('.berita ').css({
                'position':'absolute',
                'top':'0px',
                'left':'25px',
                'z-index':'10'
            });
            $('#berita').show();
            $('#artikel').hide();  
        });
    });
    $(window).load(function () {

        // jquery slider - start
        $('#slider').nivoSlider({
            effect:'random', // Specify sets like: 'fold,fade,sliceDown'
            slices:15, // For slice animations
            boxCols:8, // For box animations
            boxRows:4, // For box animations
            animSpeed:500, // Slide transition speed
            pauseTime:3000, // How long each slide will show
            startSlide:0, // Set starting Slide (0 index)
            directionNav:true, // Next & Prev navigation
            directionNavHide:true, // Only show on hover
            controlNav:true, // 1,2,3... navigation
            controlNavThumbs:false, // Use thumbnails for Control Nav
            pauseOnHover:true, // Stop animation while hovering
            manualAdvance:false, // Force manual transitions
            prevText:'Prev', // Prev directionNav text
            nextText:'Next', // Next directionNav text
            randomStart:false, // Start on a random slide
            beforeChange:function () {}, // Triggers before a slide transition
            afterChange:function () {}, // Triggers after a slide transition
            slideshowEnd:function () {}, // Triggers after all slides have been shown
            lastSlide:function () {}, // Triggers when last slide is shown
            afterLoad:function () {} // Triggers when slider has loaded
        });
        // jquery slider - end
    });
</script>

<div id="berita" >
<?php if($countnews >= 4){?>
    <ul id="mycarousel" class="jcarousel jcarousel-skin-tango">
        <?php foreach ($model_berita as $modelib): ?>
        <li style="float:left;position: relative;padding:10px 5px 5px 15px; width:280px"><?
            $isi = $modelib['isi'];
            $gambar = u::getImage($isi, 90, 66, '');
            $bersihkan = strip_tags(trim($isi));
            $isi = str_replace("&nbsp;", "", $bersihkan);
            $isi1 = '';

            if (strlen($gambar) > 0) {
                $isi1 .= '<div style="float:left;left:0px;top:0px;">';
                $isi1 .='<div  style="width:240px;height:24px" class="fontcolorbiru0b5fa5 font12 fontfamcalibry"><b>' .
                        strtoupper($modelib['nama']) . '</b></div>';
                $isi1 .= ' <div  style="width:240px;" class="fontcolorbiru font12 fontfamcalibry italic">' .
                    sql2date($modelib['tgl_buat'], 'd MMMM yyyy') . '</div>';
                $isi1 .= '<div class="clear"> </div>';
                $isi1 .= '<div style="float:left;left:0px;top:0px;width:90px;height:66px">';
                $isi1 .= $gambar;
                $isi1 .= '</div>';
                $isi1 .= '<div style="float:left;padding-left:5px;width:150px;padding-bottom:5px;text-align:justify" class="fontcolorbirutua font12 fontfamcalibry" >';
                $isi1 .= u::break_words($isi, 100, '');
                $isi1 .= '<a class="biru italic" href="' . url('berita/view', array('id' => $modelib['id'])) .
                    '">.<b>selengkapnya>></b></a>';
                $isi1 .= '</div>';
                $isi1 .= '</div>';
                $isi1 .= '<div style="float:left;padding-left:30px;width:2px;padding-bottom:5px;text-align:justify"  >';
                $isi1 .= '<img src="' . bu() . '/img/sf_garis_pembatas.png " border="0"/>';
                $isi1 .= '</div>';
                $isi1 .= '<div class="clear"> </div>';
            } else {
                $isi1 .= '<div style="float:left;left:0px;top:0px;">';
                $isi1 .= ' <div style="width:240px;" class="fontcolorbiru0b5fa5 font12 fontfamcalibry">' .
                    strtoupper($modelib['nama']) . '</div>';
                $isi1 .= ' <div  style="width:240px;" class="fontcolorbiru font12 fontfamcalibry italic">' .
                    sql2date($modelib['tgl_buat'], 'd MMMM yyyy') . '</div>';
                $isi1 .= '<div style="width:240px;padding-bottom:5px;text-align:justify" class="fontcolorbirutua font12 fontfamcalibry">';
                $isi1 .= u::break_words($isi, 200, '');
                $isi1 .= '<a  class="biru italic" href="' . url('berita/view', array('id' => $modelib['id'])) .
                    '">.<b>selengkapnya>></b></a>';
                $isi1 .= '</div>';
                $isi1 .= '</div>';
                 $isi1 .= '<div style="float:left;padding-left:5px;width:2px;padding-bottom:5px;text-align:justify"  >';
                $isi1 .= '<img src="' . bu() . '/img/sf_garis_pembatas.png " border="0"/>';
                $isi1 .= '</div>';
                
                $isi1 .= '<div class="clear"> </div>';
            }
            echo $isi1;
            ?>
        </li>


        <?php endforeach; ?>
    </ul>
    <?php }else{
    $i=0;    
    ?>

     <?php foreach ($model_berita as $modelib): ?>
        <div style="float:left;position: relative;padding:10px 5px 5px 15px; width:280px"><?
            $isi = $modelib['isi'];
            $gambar = u::getImage($isi, 90, 66, '');
            $bersihkan = strip_tags(trim($isi));
            $isi = str_replace("&nbsp;", "", $bersihkan);
            $isi1 = '';

            if (strlen($gambar) > 0) {
                $isi1 .= '<div >';
                $isi1 .=
                    '<div  style="width:240px;height:24px" class="fontcolorbiru0b5fa5 font12 fontfamcalibry"><b>' .
                        strtoupper($modelib['nama']) . '</b></div>';
                $isi1 .= ' <div  style="width:240px;" class="fontcolorbiru font12 fontfamcalibry italic">' .
                    sql2date($modelib['tgl_buat'], 'd MMMM yyyy') . '</div>';
                $isi1 .= '<div class="clear"> </div>';
                $isi1 .= '<div style="float:left;left:0px;top:0px;width:90px;height:66px">';
                $isi1 .= $gambar;
                $isi1 .= '</div>';
                $isi1 .= '<div style="float:left;padding-left:5px;width:150px;padding-bottom:5px;text-align:justify" class="fontcolorbirutua font12 fontfamcalibry" >';
                $isi1 .= u::break_words($isi, 100, '');
                $isi1 .= '<a class="biru italic" href="' . url('berita/view', array('id' => $modelib['id'])) .
                    '">.<b>selengkapnya>></b></a>';
                $isi1 .= '</div>';
                $isi1 .= '</div>';             
                //$isi1 .= '<div class="clear"> </div>';
             
            } else {
                $isi1 .= '<div style="float:left;left:0px;top:0px;">';
                $isi1 .= ' <div style="width:240px;" class="fontcolorbiru0b5fa5 font12 fontfamcalibry">' .
                    strtoupper($modelib['nama']) . '</div>';
                $isi1 .= ' <div  style="width:240px;" class="fontcolorbiru font12 fontfamcalibry italic">' .
                    sql2date($modelib['tgl_buat'], 'd MMMM yyyy') . '</div>';
                $isi1 .= '<div style="width:240px;padding-bottom:5px;text-align:justify" class="fontcolorbirutua font12 fontfamcalibry">';
                $isi1 .= u::break_words($isi, 200, '');
                $isi1 .= '<a  class="biru italic" href="' . url('berita/view', array('id' => $modelib['id'])) .
                    '">.<b>selengkapnya>></b></a>';
                $isi1 .= '</div>';
                $isi1 .= '</div>';
               // $isi1 .= '<div class="clear"> </div>';
               //$isi1 .= '<div style="float:left;padding-left:5px;width:2px;padding-bottom:5px;text-align:justify"  >';
                //$isi1 .= '<img src="' . bu() . '/img/sf_garis_pembatas.png " border="0"/>';
                //$isi1 .= '</div>';
            }
            echo $isi1;
            $i++;
            ?>
        </div>

         <?php if ($i<$countnews){?>
        <div style="float:left;padding-left:10px;width:2px;padding-bottom:5px;text-align:justify"  >
        <img src="<?=bu()?>/img/sf_garis_pembatas.png " border="0"/>
        </div>
        <?php }?>

        <?php endforeach; ?>
    <?php }?>
</div>
         

<div id="artikel" style="display:none">
    <ul id="mycarousel1" class="jcarousel jcarousel-skin-tango">
        <?php foreach ($model_artikel as $modelib): ?>
        <li style="float:left;position: relative;padding:10px 5px 5px 15px; width:280px"><?
            $isi = $modelib['isi'];
            $gambar = u::getImage($isi, 90, 66, '');
            $bersihkan = strip_tags(trim($isi));
            $isi = str_replace("&nbsp;", "", $bersihkan);
            $isi1 = '';

            if (strlen($gambar) > 0) {
                $isi1 .= '<div >';
                $isi1 .=
                    ' <div  style="width:240px;height:24px" class="fontcolorbiru0b5fa5 font12 fontfamcalibry"><b>' .
                        strtoupper($modelib['nama']) . '</b></div>';
                $isi1 .= ' <div  style="width:240px;" class="fontcolorbiru font12 fontfamcalibry italic">' .
                    sql2date($modelib['tgl_buat'], 'd MMMM yyyy') . '</div>';
                $isi1 .= '<div class="clear"> </div>';
                $isi1 .= '<div style="float:left;left:0px;top:0px;width:90px;height:66px">';
                $isi1 .= $gambar;
                $isi1 .= '</div>';
                $isi1 .= '<div style="float:left;padding-left:5px;width:150px;padding-bottom:5px;text-align:justify" class="fontcolorbirutua font12 fontfamcalibry" >';
                $isi1 .= u::break_words($isi, 100, '');
                $isi1 .= '<a class="biru italic" href="' . url('artikel/view', array('id' => $modelib['id'])) .
                    '">.<b>selengkapnya>></b></a>';
                $isi1 .= '</div>';
                $isi1 .= '</div>';
                      $isi1 .= '<div style="float:left;padding-left:5px;width:2px;padding-bottom:5px;text-align:justify"  >';
                $isi1 .= '<img src="' . bu() . '/img/sf_garis_pembatas.png " border="0"/>';
                $isi1 .= '</div>';
                $isi1 .= '<div class="clear"> </div>';
            } else {
                $isi1 .= '<div style="float:left;left:0px;top:0px;">';
                $isi1 .= ' <div style="width:240px;" class="fontcolorbiru0b5fa5 font12 fontfamcalibry">' .
                    strtoupper($modelib['nama']) . '</div>';
                $isi1 .= ' <div  style="width:240px;" class="fontcolorbiru font12 fontfamcalibry italic">' .
                    sql2date($modelib['tgl_buat'], 'd MMMM yyyy') . '</div>';
                $isi1 .= '<div style="width:240px;padding-bottom:5px;text-align:justify" class="fontcolorbirutua font12 fontfamcalibry">';
                $isi1 .= u::break_words($isi, 150, '');
                $isi1 .= '<a  class="biru italic" href="' . url('artikel/view', array('id' => $modelib['id'])) .
                    '">.<b>selengkapnya>></b></a>';
                $isi1 .= '</div>';
                $isi1 .= '</div>';
                      $isi1 .= '<div style="float:left;padding-left:5px;width:2px;padding-bottom:5px;text-align:justify"  >';
                $isi1 .= '<img src="' . bu() . '/img/sf_garis_pembatas.png " border="0"/>';
                $isi1 .= '</div>';
                $isi1 .= '<div class="clear"> </div>';
            }
            echo $isi1;
            ?>
        </li>


        <?php endforeach; ?>
    </ul>
</div>
         


